<template>
    <div class="navbar-line">
        <router-link to="/" :class="$route.path==='/'?'active_route':''">首页</router-link>
        <router-link to="/cosmetic" :class="$route.path==='/cosmetic'?'active_route':''">彩妆</router-link>
        <router-link to="/skinCare" :class="$route.path==='/skinCare'?'active_route':''">护肤</router-link>
        <router-link to="/perfume" :class="$route.path==='/perfume'?'active_route':''">人气香水</router-link>
        <router-link to="/VIPcenter" :class="$route.path==='/VIPcenter'?'active_route':''">会员中心</router-link>
        <el-button style="background-color: black;color: #fff;padding: 20px 10px;">
            搜索商品
            <span style="margin-left: 10px;" class="iconfont icon-search-2-copy"></span>
        </el-button>
    </div>
</template>

<script>
export default {
    data(){
        return {

        }
    }
}
</script>

<style>
@import url("../assets/css/iconfont.css");
.active_route{
    color: #0097e3!important;
}
.navbar-line a{
    text-decoration: none;
    color: black;
    margin: 0 20px;
    font-weight: bold;
}
</style>